<template>
  <div id="app">
    <!-- 一级路由出口 -->
    <router-view v-if="isRouterAlive"> </router-view>
  </div>
</template>

<script>
export default {
  name: 'app',
  data() {
    return {
      isRouterAlive: true,
    }
  },
  //  provide
  // 选项应该是一个对象或返回一个对象的函数。该对象包含可注入其子孙的property。
  // inject
  // 可以是一个字符串数组、也可以是一个对象

  // provide在祖先组件中注入，inject 在需要使用的地方引入即可。
  provide() {
    return {
      reload: this.reload,
    }
  },
  methods: {
    reload() {
      this.isRouterAlive = false
      this.$nextTick(function () {
        this.isRouterAlive = true
      })
    },
  },
  components: {},
}
</script>

<style>
</style>
